<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>遍历Set类型的数据</title>
</head>
<body>
    
</body>
<script>
    /*
        遍历Set类型的数据 
            Set类型和数组对象都是属于很像的类型  但是Set类型是没有索引的  再遍历的时候他的key和value是一样的
                所以它的迭代对象 .keys() 和 .value() 都是Set的值
            在循环遍历中也是一样 
                通常使用的是  foreach()  和 forof来遍历Set类型的数据
    */
    let set = new Set(['jimmy','love','xuexue'])
    console.log(set.keys())  //SetIterator {"jimmy", "love", "xuexue"}
    console.log(set.values())  //SetIterator {"jimmy", "love", "xuexue"}   可见 在迭代类型中 Set的key 和 value是一样的

    set.forEach((item,index,arr)=>{
        console.log(item)  //jimmy
        console.log(index)  // jimmy
        console.log(arr) //Set(3) {"jimmy", "love", "xuexue"}
        /*
            第一次循环的结果如上
        */
    })
    for (const iterator of set) {
        console.log(iterator)
        /*
            jimmy
            love
            xuexue
        */
    }
    // 使用for of  可以很好的遍历出Set对象中的每个值
</script>
</html>